var data=[
  {
    name:"重置css",      //文件名
    content:`html,
    body,
    p,
    ol,
    ul,
    li,
    dl,
    dt,
    dd,
    blockquote,
    figure,
    fieldset,
    legend,
    textarea,
    pre,
    iframe,
    hr,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0;
      padding: 0;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: 100%;
      font-weight: normal;
    }
    
    ul {
      list-style: none;
    }
    
    button,
    input,
    select,
    textarea {
      margin: 0;
    }
    
    html {
      box-sizing: border-box;
    }
    
    * {
      box-sizing: inherit;
    }
    *:before, *:after {
      box-sizing: inherit;
    }
    
    img,
    embed,
    object,
    audio,
    video {
      height: auto;
      max-width: 100%;
    }
    
    iframe {
      border: 0;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    
    td,
    th {
      padding: 0;
      text-align: left;
    }`,
  },{
    name:"三角",
    content:`triangle::after{border:10px solid transparent;border-right: 10px solid #c8c7c7; width: 0;height: 0;position: absolute;left: 100%;transform: translateX(-100%);content: ' '}`,
  },{
    name:"常用颜色",
    content:`
    .color-white{
      color: #fff
    }
    .color-blue{
      color: #4977E7;
    }
    .color-red{
      color: red;
    }
    .color-yellow{
      color: #FF9C06
    }
    .color-green{
      color: #11AE11
    }
    .color666{
      color: #666;
    }
    .color999{
      color: #999;
    }
    
    .bc-white{
      background-color: #fff;
    }
    .bc-blue{
      background-color: #4977E7;
    }
    .bc-gray{
      background-color: #EDEEF6
    }
    .bc-red{
      background-color: red;
    }
    .bc-yellow{
      background-color: #FF9C06
    }
    .bc-green{
      background-color: #11AE11
    }
    `
  },{
    name:"超出隐藏",
    content:`.white-space{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}`
  },{
    name:"清除input[number]的箭头 引入css即可",
    content:`input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"]{-moz-appearance: textfield;}`,
    url:"https://segmentfault.com/q/1010000000687882",//点击标题跳转地址
  },{
    name:"样式基本规则",
    content:`尽量使用：min-height, title, `
  },{
    name:"前端代码规范(下载)",
    url:"https://st219.gitee.io/outer_chain_picture/files/zip/stardad.rar"
  },{
    name:"calc格式",
    content:"calc(100% - 10px) 其中的空格不能少"
  },{
    name:"修改placeholder的样式",
    content:`
      input::-webkit-input-placeholder{
        color:red;
      }
      input::-moz-placeholder{   /* Mozilla Firefox 19+ */
          color:red;
      }
      input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
          color:red;
      }
      input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
          color:red;
      }`
  },{
    name:"修改input[type=='radio']的样式",
    content:`
      主要的就是使用input[type=='radio']:checked获取选中的input标签，然后使用新标签覆盖原有样式。
    `
  }
]
export default data

